﻿<div id="container">
	<h1>Portfolio</h1>
	<section class="gallery">        			
		<div class="navig-category">
			<a class="button act" href=""><span>View all (204)</span></a>
			<a class="button" href=""><span>Web design (21)</span></a>
			<a class="button" href=""><span>Illustrations (113)</span></a>
			<a class="button" href=""><span>Sculpture (7)</span></a>
			<a class="button" href=""><span>Photography (38)</span></a>
			<a class="button" href=""><span><i class="lik"></i>Popular</span></a>
			<a class="button categ td-three" href="#grid"><span><i class="three-coll"></i></span></a>
			<a class="button categ list-three act" href="#list"><span><i class="three-coll-t"></i></span></a>
		</div>
		<div class="gallery-inner">
			<?php foreach ($albunes as $albun): ?>
				<div class="textwidget one-fourth">
					<div class="textwidget-photo">
						<?php echo $this->Html->link($this->Html->image("462x272.jpg", array('width'=>'215','height'=>'122')),
														array(
															'controller' => 'albunes',
															'action' => 'view',
															'id' => $albun['albun']['nombre']
														), 
														array('escape' => false,
															"class"=>"photo highslide"));?>
						
						<a class="like"><span>11</span></a>
					</div>   
					<div class="info one-fourth">               
						<a class="head-capt"><?php echo $albun['albun']['nombre']; ?></a>
						<p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet condimentum donec ut mauris.</p>
						<a class="button" href="#"><span><i class="more"></i>Details</span></a>
					</div>
				</div>
			<?php endforeach; ?>
  
		</div>
	</section>
	
</div><!-- #container-->

<aside id="aside">
	<div class="widget">
		<div class="header">LATEST TWITTS</div>
		<div class="reviews-t">
			<div class="coda-slider-wrapper">
				<div class="coda-slider preload" id="coda-slider-1">
	  
					<div class="panel">
					<div class="panel-wrapper">
						<p>Curabitur scelerisque mauris quis diam gravida eu placerat ligula scelerisque. In vitae sem nec massa imperdiet.<br />
						<span class="blue-date">12 hours ago</span></p>
					</div>
				</div>
  
				<div class="panel">
					<div class="panel-wrapper">
						<p>Vel vitae aptent velit emagna in molestienec. torquent vehicula. Ut varius vestibulum ligula est labore semper   ornare morbi leo porttitor leo.<br />
						<span class="blue-date">5 hours ago</span></p>
					</div>
				</div>       

				<div class="panel">
					<div class="panel-wrapper">
						<p> Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus. Sagittis fringilla.<br />
						<span class="blue-date">1 days ago</span></p>
					</div>
				</div>
				
				<div class="panel">
					<div class="panel-wrapper">
						<p>In penatibus donec. In venenatis vivamus. Nulla aliquam, lacus quis varius porttitor, dolor lorem scelerisque   lorem, vel sagittis purus nisl et lacus.<br />
						<span class="blue-date">18 hours ago</span></p>
					</div>
				</div>
				
				<div class="panel">
					<div class="panel-wrapper">
						<p>Nonummy a velit. Duis dapibus pulvinar. Aliquam egestas vivamus consectetuer massa imperdiet condimentum.<br />
						<span class="blue-date">4 days ago</span></p>
					</div>
				</div> 
			</div>           
		</div>
		<div class="reviews-b"></div>                   
	</div>
	 <p class="autor twit"><a href="http://twitter.com/#!/premium_theme">@premium_theme</a></p>
	</div>

	<div class="widget">
		<div class="header">POST TYPES</div>
		<ul class="categories type">
			<li class="first status"><a href="#">Status posts<span>(2)</span></a></li>
			<li class="photo"><a href="#">Photo posts<span>(22)</span></a></li>
			<li class="video"><a href="#">Video posts<span>(12)</span></a></li>
			<li class="quote"><a href="#">Quote posts<span>(11)</span></a></li>
		</ul>
	</div>
	<div class="widget">
		<div class="header">CATEGORIES</div>
		<ul class="categories">
			<li class="first"><a href="#">Cars<span>(12)</span></a></li>
			<li><a href="#">Art<span>(42)</span></a></li>
			<li><a href="#">Friens<span>(18)</span></a></li>
			<li><a href="#">Cell phones<span>(12)</span></a></li>
			<li><a href="#">Blogging<span>(5)</span></a></li>
			<li><a href="#">Design<span>(38)</span></a></li>
			<li><a href="#">UI<span>(56)</span></a></li>
			<li><a href="#">Android<span>(10)</span></a></li>
		</ul>
	</div>  

</aside><!-- #aside -->